﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>jQuery Multimedia Portfolio-download by http://sc.xueit.com</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta http-equiv="imagetoolbar" content="no" />
		<link rel="shortcut icon" href="favicon.ico" />

	
		<link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> 
		<link rel="stylesheet" href="css/multimedia-portfolio.css" type="text/css" media="screen" /> 
		
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/thickbox-compressed.js"></script>
		<script type="text/javascript" src="js/jquery.dimensions.js"></script>
		<script type="text/javascript" src="js/ui.mouse.js"></script>
		<script type="text/javascript" src="js/ui.slider.js"></script>
		<script type="text/javascript" src="js/jquery.multimedia-portfolio.js"></script>
		<script type="text/javascript">
		$(document).ready(function(){
			$("ul.multimedia-portfolio").multimedia_portfolio({width: 800});

		});
		</script>
		<style type="text/css">
		body{
			background: white; 
			color: #454545;
			font-family: Arial;
		}
		a {
			color: #FF5D1F;
			text-decoration: none;
		}
		a:hover {
			color: black;
			text-decoration: underline;
		}
		h1 {
			color: #454545;
			text-align: center;
			
		}
		p {
			text-align: center;
			margin-bottom: 1em;
			margin-top: 1em;
		}
		
		</style>	
	</head>
	<body>				
	
		
	<div class="page">
			
				<h1>jQuery Multimedia Portfolio</h1>

				<p>
					<a href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html?lang=en">download and online documentation</a>
				</p>
				<center>
				<ul class="multimedia-portfolio">					
					<li>
						<a href="documents/image1.jpg" class="thickbox"><img src="thumbnails/image1.jpg" title="voiture dans un champ" alt="voiture dans un champ" /></a>
					</li>
					<li>
						<a href="documents/image2.jpg" class="thickbox"><img src="thumbnails/image2.jpg" title="moutons" alt="moutons" /></a>
					</li>
					<li>
						<a href="documents/image3.jpg" class="thickbox"><img src="thumbnails/image3.jpg" title="ballade en for&ecirc;t" alt="ballade en for&ecirc;t" /></a>
					</li>
					<li>
						<a href="documents/image5.jpg" class="thickbox"><img src="thumbnails/image5.jpg" title="arbre mort" alt="arbre mort" /></a>
					</li>
					<li>
						<a href="documents/image6.jpg" class="thickbox"><img src="thumbnails/image6.jpg" title="bottes de paille" alt="bottes de paille" /></a>
					</li>
					<li>
						<a href="documents/tbilissoba.flv"><img src="thumbnails/tbilisoba.jpg" width="320" height="240" title="Tbilisoba" alt="Tbilisoba" /></a>
												
					</li>
					
					<li>
						<a href="documents/image7.jpg" class="thickbox"><img src="thumbnails/image7.jpg" title="couleurs d'automne" alt="couleurs d'automne" /></a>
					</li>
					<li>
						<a href="http://pulp2.podemus.net/Audio/pulp_tence_131007.mp3"><img src="thumbnails/pulp.jpg" title="Enquête sur le changement climatique - M-P Lefebvre" alt="Enquête sur le changement climatique - M-P Lefebvre" /></a>
					</li>
					<li>
						<a href="documents/image8.jpg" class="thickbox"><img src="thumbnails/image8.jpg" title="couleurs d'automne encore" alt="couleurs d'automne encore" /></a>
					</li>
					<li>
						<a href="documents/image4.jpg" class="thickbox"><img src="thumbnails/image4.jpg" title="dans les arbres" alt="dans les arbres" /></a>
					</li>
					
				</ul>
				</center>

				<p>
				design inspirated by <a href="http://www.arte.tv/fr/Videos---Podcast/1397762.html">Arte Video & podcast portfolio</a>
				</p>

	</div>


	<!--
   ┏━━━━━━━━━━━━━━━━━━━━━┓
   ┃             源 码 爱 好 者               ┃
   ┣━━━━━━━━━━━━━━━━━━━━━┫
   ┃                                          ┃
   ┃           提供源码发布与下载             ┃
   ┃                                          ┃
   ┃        http://sc.xueit.com           ┃
   ┃                                          ┃
   ┃            互助、分享、提高              ┃
   ┗━━━━━━━━━━━━━━━━━━━━━┛
-->					
	</body>
</html>
